angularjs unsafe ng-href using javascript: void(0);-白红宇

angularjs unsafe ng-href using javascript: void(0);

阅读量：4288 次

发布时间：2019-05-27

本文共 900 字，大约阅读时间需要 3 分钟。

一、在AngularJs的页面中，如果使用数据绑定生成链接，默认会添加'unsafe:'标识，

对于页面定义好的不会添加。

1.页面定义的javascript:void(0);可以使用

abc

2.对于数据绑定的链接或者使用ng-href产生的链接，默认会添加un-safe


       
    
     生成链接
    
    
            
                 
                      
       {
  {item.name}}

(function() {    'use strict';    var app= angular.module('module', [    ]);    app.controller('myCtrl',function($scope){    $scope.items=[        {name:'百度',link:'javascript:void(0)'},        {name:'工具集',link:'javascript:open(3)'}    ];    });    window.open2=function(url){        alert(url);    }})();

页面结果：

解决方案：在模块配置中，修改默认支持的协议javascript

angular.module('app').config( [    '$compileProvider',    function( $compileProvider )    {           $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|tel|file|sms):/);        // Angular v1.2 之前使用 $compileProvider.urlSanitizationWhitelist(...)    }]);